<template>
  <section>
    <!--列表-->
    <el-table :data="Departments" highlight-current-row v-loading="listLoading" style="width: 100%;">
      <el-table-column type="selection" width="55">
      </el-table-column>
      <el-table-column type="index" width="60">
      </el-table-column>
      <el-table-column prop="ip" label="IP" width="125" sortable>
      </el-table-column>
      <el-table-column prop="name" label="描述" width="125" sortable>
      </el-table-column>
      <el-table-column prop="code" label="英文名称" width="125" sortable>
      </el-table-column>
      <el-table-column prop="createDate" label="创建时间" width="150" sortable>
      </el-table-column>
      <el-table-column prop="ip" label="IP" width="125" sortable>
      </el-table-column>
    </el-table>

  </section>
</template>

<script>

export default {
  data() {
    return {
      Departments: [],
      listLoading: false,

      editFormVisible: false,//编辑界面是否显示
      editLoading: false,
      editFormRules: {
        name: [
          { required: true, message: '请输入明细名称', trigger: 'blur' }
        ],
        sn:[
          { required: true, message: '请输入明细类型', trigger: 'blur' }
        ]
      },
    }
  },
  methods: {
    getDepartments(){
      this.$http.get("/logs")
          .then(res =>{
        this.Departments=res.data;
      }).catch(res =>{
        console.log(res)
      })
    },
  },
  mounted() {
    this.getDepartments();
  }
}

</script>

<style scoped>

</style>